<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的运动数据</title>
	</head>
	<body class="sports-data">
		<!-- 头部 -->
		<header class="header">
			<!-- 返回上一页 -->
			<p id="backBtn">&lt;</p>
			<!-- 头像 -->
			<div class="head">
				<h2>我的运动数据</h2>
				<img src="../../assets/images/dog.jpg" alt="" />
			</div>
			<!-- 总运动与消耗 -->
			<div class="total-data">
				<div>
					总运动<br />
					<span id="toldata">11207</span>
					分钟
				</div>
				<div>
					本周消耗 <br />
					<span id="calorie">5173</span>
					千卡
				</div>
			</div>
			<!-- 里程与天数 -->
			<div class="model">
				<div>
					里程(米)
					<span id="meter">29971</span>
				</div>
				<div>
					累积(天)
					<span id="total">30</span>
				</div>
				<div>
					连续(天)
					<span id="continue">5</span>
				</div>
			</div>
		</header>
		<!-- 图标 -->
		<div class="chart1 chart"></div>
		<div class="chart2 chart"></div>
		<div class="chart3 chart"></div>
		<div class="chart4 chart"></div>
		&nbsp;
	</body>
</html>
